import '../../base/checkLogin';
import '../../base/logout'
//导入 css
import '../../css/adminlte.min.css';
import '../../css/app.css';
import request from '../../utils/request';

//获取表单元素
let form = document.querySelector('form');
let profileInput = document.querySelector('input[name=profile]');
let img = document.querySelector('img');

//绑定事件
form.onsubmit = async function(e) {
  e.preventDefault();
  //获取表单数据  方便提取表单中所有的值
  let formData = new FormData(form);
  //发送 AJAX 请求
  let result = await request.post('/user', formData);
  alert('添加成功');
  //跳转
  location.href = '/users.html'
}

//图片的预览功能
profileInput.onchange = function(){
  //读取选中文件的内容
  let fileReader = new FileReader(); // 
  //获取选中的文件
  let file = profileInput.files[0];
  //读取文件内容
  fileReader.readAsDataURL(file);
  //处理读取的结果
  fileReader.onload = function(){
    img.src = fileReader.result;
  }
}